<!-- <template>
  <!-- 导航头 -->
  <van-nav-bar title="网易严选" class="borderb" :fixed="true" :placeholder="true">
    <template #left>
      <van-icon name="wap-home-o" size="26" color="#505050" @click="goHome" />
    </template>
    <template #right>
      <van-space :size="18">
        <van-icon name="search" size="26" color="#505050" @click="goSearch" />
        <van-icon name="shopping-cart-o" size="26" color="#505050" @click="goCart" />
      </van-space>
    </template>
  </van-nav-bar>
  <!-- 评价数据 -->
  <div>
    <div class="commentsRate">
      <span class="goodCmtRate">99.8%好评</span>
    </div>

  </div>
  <!-- 评价详情 -->

</template>

<script setup lang="ts">
import { useRouter } from 'vue-router';
const router = useRouter()
// 跳转到首页
const goHome = () => {
  router.push({
    path: '/'
  })
}

// 跳转到搜索
const goSearch = () => {
  router.push({
    path: '/search'
  })
}
// 跳转到购物车
const goCart = () => {
  router.push({
    path: '/cart'
  })
}
</script>

<style scoped>
.commentsRate {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    padding: 0.3rem 0.3rem 0;
    font-size: .28rem;
}
.commentsRate .goodCmtRate {
    margin-left: 0.2rem;
    color: #7f7f7f;
}
</style> -->